<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
	<ui:include src="/includes/headComun.xhtml" />
	<title>Tarea</title>
</h:head>
<h:body>
	#{sessionMB.tareaPacienteLoad()}
	<ui:include src="/includes/bodyComun.xhtml" />
	<ui:include src="/includes/panelUsuario.xhtml" />
	<ui:include src="/dialogos/dialogoComentarPaciente.xhtml" />
	<ui:include src="/dialogos/dialogoConclusionesPaciente.xhtml" />
	
	<p:panelGrid>
		<p:row>
			<p:column>
				<h:form>
					<p:panelGrid>
						<p:row>
							<p:column colspan="3">
								<h:graphicImage library="images" name="importante.png"
									title="Tarea Importante"
									rendered="#{sessionMB.tareaSeleccionada.importante}"
									styleClass="iconoTareaImportante" />
								<h:outputText styleClass="tituloTarea"
									value="#{sessionMB.tareaSeleccionada.titulo}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column colspan="3">
								<h:outputText value="#{sessionMB.tareaSeleccionada.descripcion}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputText value="Creada por: " />
							</p:column>
							<p:column colspan="2">
								<h:outputText
									value="#{sessionMB.tareaSeleccionada.usuarioCreador.usuario}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column colspan="3">
								<p:commandLink
									oncomplete="PF('dialogoConclusionesPaciente').show();"
									value="Conclusiones"
									style="text-decoration:underline; color:blue;"
									rendered="#{renderingMB.botonConclusionesPaciente}" />
							</p:column>
						</p:row>
					</p:panelGrid>
				</h:form>
			</p:column>
			<p:column>
				<h:form>
					<p:panelGrid styleClass="panelAcciones">
						<p:row>
							<p:column>
								<p:commandButton id="volver" icon="ui-icon-arrowthick-1-w"
									value="Volver" title="Volver" onclick="mostrarMosca();"
									action="#{navegacionMB.toPaciente}" styleClass="botonConTexto" />
							</p:column>
						</p:row>
					</p:panelGrid>
				</h:form>
			</p:column>
		</p:row>
		<p:row>
			<p:column colspan="2">
				<h:form style="width: 100%; height: 100%; overflow: auto;">
					<p:dataTable id="comentariosDePsicologo"
						emptyMessage="No hay registros"
						value="#{comentarioMB.comentariosPsicologoDeLaTareaList}"
						var="comentario" styleClass="tablaComentarios">
						<p:column headerText="Comentarios">
							<h:graphicImage library="images" name="nuevoComentario.png"
								title="Nuevo comentario" rendered="#{!comentario.visto}"
								styleClass="iconoNuevoComentarioTabla" />
							<h:outputText value="#{comentario.comentario}"
								title="Escrito por: #{comentario.usuarioCreador.usuario}, el #{comentario.hora.toGMTString()}" />
						</p:column>
					</p:dataTable>
					<p:commandButton id="nuevoComentario" icon="ui-icon-comment"
						value="Añadir comentarios" title="Añadir comentarios"
						oncomplete="PF('dialogoComentarPaciente').show();
						PF('wiz').loadStep(PF('wiz').cfg.steps[0], true);"
						rendered="#{renderingMB.botonComentarPaciente}"
						update=":dialogoComentarPaciente" styleClass="botonConTexto" />
					<p:commandButton id="verMisComentarios" icon="ui-icon-search"
						value="Ver mis comentarios" title="Ver mis comentarios"
						onclick="mostrarMosca();"
						action="#{navegacionMB.toMisComentariosPaciente}"
						rendered="#{renderingMB.botonMisComentariosPaciente}"
						styleClass="botonConTexto" />
				</h:form>
			</p:column>
		</p:row>
	</p:panelGrid>
</h:body>

</html>
